<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美的官网(Midea) -美的集团官方商城网站，直营空调、冰箱、洗衣机、压力锅、电烤箱、面包机等电器</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/shangpinye.css">

    <link rel="icon" type="x-con" href="https://www.midea.cn//favicon.ico">
</head>

<body>

    <header></header>
    <div id="box">
        <div id="box1"></div>
        <div id="box-con">
            <ul id="box-con-top">
                <li id="one">
                    <a href=""><span>首页</span>><span>空调</span>><span>移动空调</span></a>
                    <span>共5件商品</span>
                </li>
                <li id="two" style="line-height: 40px">
                    <span>分类：</span>
                    <a href="">
                        <span style="color: skyblue;">空调   </span>
                        <span>冰箱</span><span>洗衣机</span><span>厨房小电器</span><span> 厨房大电器</span>
                        <span>生活家电</span><span>热水/净水</span><span>家居及配件耗材</span></a>

                </li>
                <li style="height: 60px;line-height: 22px;padding-top:14px;" id="two">
                    <span>机型：</span>
                    <a href="">
                        <span>全部空调    </span>
                        <span>壁挂式空调</span><span>立柜式空调</span><span>中央空调 </span><span style="color: skyblue;"> 移动空调</span>
                        <span>天花机</span><span>适用11~17m</span><span>适用15~23m</span><span>适 用23~34m</span>
                        <br><span style="margin-left: 100px;">变频</span>
                        <span>一级能效</span>
                        <span>美的</span>
                        <span>华凌</span>
                        <span> COLMO</span>

                    </a>

                </li>
            </ul>
            <div id="box-con-center">
                <a href="">
                    <span style="color: skyblue;">推荐</span>
                    <span> 价格</span>
                    <select name="" id=""></select>
                    <span>广东省  广州市  天河区</span>
                    <select name="" id=""></select> </a>
                <div>
                    <a href="">
                        <button></button>
                        <span>仅看有货</span>
                        <button></button>
                        <span>仅看pro精选</span></a>
                </div>


            </div>
            <ul id="box-con-bottom">
            
                <!-- <li>
                  <img src="img/shangpin/m.gif" alt="">
                    <a href="">
                  <img src="img/shangpin/1.jpg" alt="">
                       <h3>¥2099.00</h3>
                        <span>评价  87</span>
                           <p>美的1.5匹单冷移动空调一体机
                            <KY-35>N1Y-PD3</p>

                    </a>
                    <span>【咨询客服有惊喜】晒单送电水壶MK-AEK1...</span>
                    <p class="p">自营</p>
                    <a href="" id="a"><img src="img/shangpin/c.gif" alt=""><span>购物车</span></a>
               </li>--> 
               <!-- <li>
                    <img src="img/shangpin/m.gif" alt="">
                    <a href="">
                          <img src="img/shangpin/2.jpg" alt="">
                          <h3>¥2299.00</h3>
                        <span>评价  87</span>
                           <p>美的1.5匹单冷移动空调一体机
                            <KY-35>N1Y-PD3</p> 
                    </a>
                    <span>【咨询客服有惊喜】晒单送电水壶MK-AEK1...</span>
                    <p class="p">自营</p>
                    <a href="" id="a">
                        <img src="img/shangpin/c.gif" alt="">
                        <span>购物车</span>
                    </a>
                </li>-->
              <!-- <li> 
                    <img src="img/shangpin/m.gif" alt="">
                    <a href="">
                       <img src="img/shangpin/3.png" alt="">
                      <h3>¥1899.00</h3>
                        <span>评价  87</span>
                         <p>美的1.5匹单冷移动空调一体机
                            <KY-35>N1Y-PD3</p>
                    </a>
                    <span>【咨询客服有惊喜】晒单送电水壶MK-AEK1...</span>
                    <p class="p">自营</p>
                    <a href="" id="a">
                        <img src="img/shangpin/c.gif" alt=""><span>购物车</span></a>
                </li>--> 
               <!--  <li>
                    <img src="img/shangpin/m.gif" alt="">
                    <a href="">
                       <img src="img/shangpin/4.jpg" alt="">
                       <h3>¥1299.00</h3>
                        <span>评价  87</span>
                       <p>美的1.5匹单冷移动空调一体机
                            <KY-35>N1Y-PD3</p> 
                    </a>
                    <span>【咨询客服有惊喜】晒单送电水壶MK-AEK1...</span>
                    <p class="p">自营</p>
                    <a href="" id="a"><img src="img/shangpin/c.gif" alt=""><span>购物车</span></a>
                </li>--> 
               <!-- <li >
                    <img src="img/shangpin/m.gif" alt="">
                    <a href="">
                       <img src="img/shangpin/5.jpg" alt="">
                       <h3>¥1799.00</h3>
                        <span>评价  87</span>
                        <p>美的1.5匹单冷移动空调一体机
                            <KY-35>N1Y-PD3</p>
                    </a>
                    <span>【咨询客服有惊喜】晒单送电水壶MK-AEK1...</span>
                    <p class="p">自营</p>
                    <a href="" id="a"><img src="img/shangpin/c.gif" alt=""><span>购物车</span></a>
                </li>-->
           
              
              

            </ul>
            <div id="box-con-bot">
                <a href="">
                    <span><</span>
                    <span style="background-color: #0f7ece;">1</span>
                    <span>></span></a>
            </div>
        </div>
    </div>
    <footer></footer>

</body>

</html>
<script src="js/jQuery.js"></script>
<script src="js/shangpinye.js"></script>
<script>
    $("header").load("head.html");
    $("footer").load("footer.html");
   // 商品页接口
    $(function () {
        $.get("./goodsAndShoppingCart/getGoodsList.php",{typeId:"001"},function(data){
    let str = JSON.parse(data);
    console.log(str);
    for(let i=0;i<str.length;i++){      
        let arr1=`
        <li> <img src="img/shangpin/m.gif" alt="">
                    <a href="xiangqingye.html?id=${str[i].goodsId}">
                        <img src="${str[i].goodsImg}" alt="">
                        <h3>${"¥"+str[i].goodsPrice+".00"}</h3>
                        <span>评价  87</span>
                        <p>${str[i].goodsDesc}</p>
                    </a>
                    <span>【咨询客服有惊喜】晒单送电水壶MK-AEK1...</span>
                    <p class="p">自营</p>
                    <a href="" id="a"><img src="img/shangpin/c.gif" alt=""><span>购物车</span></a>
                </li>      `
        $("#box-con-bottom").append(arr1)
    }   
});
    })
   

</script>